<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=no">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>连接系统</title>
    <link rel="shortcut icon" type="image/png" th:href="@{/img/favicon.ico}" />
    <script data-th-src="@{../js/html2canvas.js}"></script>
    <!-- Vendor styles -->
    <link rel="stylesheet" data-th-href="@{../css/material-design-iconic-font/css/material-design-iconic-font.min.css}">
    <link rel="stylesheet" data-th-href="@{../css/jquery.scrollbar/jquery.scrollbar.css}">
    <!-- App styles -->
    <link rel="stylesheet" data-th-href="@{../css/app.css}">
    <!--alifont-->
    <link rel="stylesheet" data-th-href="@{../css/alifont/iconfont.css}">
    <!-- Bootstrap Table -->
    <link rel="stylesheet" data-th-href="@{../css/bootstrap-table/bootstrap-table.css}">
    <!-- animate -->
    <link rel="stylesheet" data-th-href="@{../css/animate/animate.min.css}">
    <!-- multiple-select -->
    <link rel="stylesheet" data-th-href="@{../css/multiple-select/multiple-select.css}">
    <!-- jsTree -->
    <link rel="stylesheet" data-th-href="@{../css/jsTree/style.min.css}">
    <!-- treeTable -->
    <link rel="stylesheet" data-th-href="@{../css/jqTreeGrid/jquery.treegrid.css}">
    <!-- sweetalert2 -->
    <link rel="stylesheet" data-th-href="@{../css/sweetalert2/sweetalert2.css}">
    <!-- datarangepicker -->
    <link rel="stylesheet" data-th-href="@{../css/daterangepicker/daterangepicker.css}">
    <style>
        #chat_room_msg{
            height: 200px;
            overflow: auto;
        }
        #chat_room_msg span{
            display: block;
            padding-left: 20px;
        }
    </style>
</head>
<body>
<main class="main">
    <div id="one">
        <header style=" height: 200px; margin-top: 50px; line-height: 200px; text-align: center; font-size: 40px; color: #3F51B5; ">正在加载中....</header>
        <div style=" padding: 200px; ">
            <input type="button" name="" class="btn btn-success" style="height: 50px;margin: 0 auto;width: 100%;" value="点击进入系统" onclick="linkto()">
        </div>
        <div></div>
        <div id="chat_room_msg"></div>
    </div>
    <div data-th-include="ipad/index2" style="display: none" id="five"></div>
    <div data-th-include="ipad/index" style="display: none" id="two"></div>
    <div data-th-include="ipad/indexlogin" style="display: none" id="three"></div>
    <div data-th-include="ipad/free" style="display: none" id="four"></div>
</main>
</body>
</html>
<script>

    // 判断各种浏览器，找到正确的方法 进入全屏
    function launchFullscreen (element) {
        if (element.requestFullscreencreen) {
            element.requestFullScreen()
        } else if (element.mozRequestFullScreen) {
            element.mozRequestFullScreen()
        } else if (element.webkitRequestFullScreen) {
            element.webkitRequestFullScreen()
        } else if (element.msRequestFullScreen) {
            element.msRequestFullScreen()
        }
    }

    // var ws = '';
     var pullprisonerNo='';
    // var lineUsername=localStorage.getItem("username");
    // function linkto() {
    //     //alert('${user.username}')// data-th-utext="${user.username}"
    //     $("#chat_room_msg").html('')
    //     /* 开始建立连接*/
    //     ws=new WebSocket("ws://61.181.104.62:8088/websocket/"+lineUsername );
    //     //  ws = new WebSocket("ws://localhost:8080/websocket/"+lineUsername );
    //     /*  备注：发送给pc====01为设备正在填写活动情况  02活动情况填写完毕 03正在填写谈话记录*/
    //     if('WebSocket' in window){
    //         console.log("连接成功");
    //         $("#chat_room_msg").append("<span>连接成功</span>")
    //     }else{
    //         alert('无法连接机器...');
    //         $("#chat_room_msg").append("<span>无法连接机器...</span>")
    //     }
    //
    //
    //     // 建立 web socket 连接成功触发事件
    //     ws.onopen = function () {
    //         // 使用 send() 方法发送数据
    //
    //         console.log("数据发送中...");
    //         $("#chat_room_msg").append("<span>数据发送中...</span>")
    //     };
function linkto() {
    launchFullscreen(document.documentElement)
    function GetQueryString(name) {
        var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
        var r = window.location.search.substr(1).match(reg);
        if (r != null) return decodeURI(r[2]); return null;
    }
    pullprisonerNo=GetQueryString("sendprisonerNo")
    var  sendid=GetQueryString("id")
    if(sendid=='1'){
        $('#one').hide();
        $('#two').show();
        $('#three').hide();
        $('#four').hide();
    }else if(sendid=='2'){
        $('#one').hide();
        $('#two').hide();
        $('#three').hide();
        $('#four').show();
    }else{
        alert('指令错误！')
        window.setTimeout(function(){
            location.href = '../../index';
        },1000);
    }

}
        // 接收服务端数据时触发事件
    //
    //     ws.onmessage = function (evt) {
    //         console.log(evt.data)
    //         $("#chat_room_msg").append("<span>数据已接收...</span>")
    //         $("#chat_room_msg").append("<span>"+evt.data+"</span>")
    //         if(evt.data=='openA'){
    //             ws.send(""+lineUsername+",01");
    //             $('#one').hide();
    //             $('#two').show();
    //             $('#three').hide();
    //             $('#four').hide();
    //         }else if(evt.data=='openB'){
    //             ws.send(""+lineUsername+",03");
    //             $('#one').hide();
    //             $('#two').hide();
    //             $('#three').show();
    //             $('#four').hide();
    //             showMSG(pullprisonerNo)
    //         }else if(evt.data.indexOf('prisonerNo')!='-1'){
    //             pullprisonerNo=evt.data.replace("prisonerNo","");
    //
    //         }else if(evt.data=='free'){
    //             $('#one').hide();
    //             $('#two').hide();
    //             $('#three').hide();
    //             $('#four').show();
    //             ws.send(""+lineUsername+",04");
    //
    //         }else{
    //             window.setTimeout(function(){
    //                 $("#chat_room_msg").append("<span>"+evt.data+",请检查设备重试...</span>");
    //             },1000);
    //         }
    //     };
    //
    //     // 断开 web socket 连接成功触发事件
    //     ws.onclose = function () {
    //         $("#chat_room_msg").append("连接已关闭...")
    //         window.setTimeout(function(){
    //             window.location.reload()
    //         },1000);
    //
    //     };
    // }
</script>